﻿<UserControl x:Class="PeoplesJukebox.Web.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:pages="clr-namespace:PeoplesJukebox.Web.Pages">

    <Canvas Background="LightGray">
        <Border CornerRadius="10" Margin="20" Height="700" Width="1000" BorderBrush="DimGray" BorderThickness="10">
            <Border.Background>
                <ImageBrush x:Name="backgroundImageBrush" Stretch="Uniform">
                    <ImageBrush.ImageSource>
                        <BitmapImage x:Name="bmpBackground" UriSource="/Images/PeoplesJukebox.png">
                        </BitmapImage>
                    </ImageBrush.ImageSource>
                </ImageBrush>
            </Border.Background>

            <Grid Opacity="0.96" Background="DimGray">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30"></RowDefinition>
                    <RowDefinition Height="*"></RowDefinition>
                    <RowDefinition Height="50"></RowDefinition>
                </Grid.RowDefinitions>

                <pages:StartPage x:Name="ucStartPage" Visibility="Visible" Grid.Row="1"/>
                <pages:HomePage x:Name="ucHomePage" Visibility="Collapsed" Grid.Row="1"/>
                <pages:SelectPage x:Name="ucSelectPage" Visibility="Collapsed" Grid.Row="1"/>
                <pages:SearchPage x:Name="ucSearchPage" Visibility="Collapsed" Grid.Row="1"/>
                <pages:ListPage x:Name="ucListPage" Visibility="Collapsed" Grid.Row="1"/>
                <pages:SuggestPage x:Name="ucSuggestPage" Visibility="Collapsed" Grid.Row="1"/>
                <pages:ConfirmTrackSelection x:Name="ucConfirmTrackSelection" Visibility="Collapsed" Grid.Row="1"/>

                <Button x:Name="btnHome" Width="400" Height="40" Visibility="Collapsed" Grid.Row="2" Click="btnHome_Click"  Style="{StaticResource SmallTextButton}">
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                        <Image Source="/Images/StartAgain.png" Style="{StaticResource SmallButtonImage}"></Image>
                        <TextBlock Text="Start Again" VerticalAlignment="Center"></TextBlock>
                    </StackPanel>
                </Button>
            </Grid>
        </Border>
    </Canvas>
</UserControl>
